import BaseView from "../baseView.js";

export default class regView extends BaseView {
    render() {
        this.$el.html(`
        <h1 style='margin-left:700px'>管理员注册界面</h1>
      <hr/>
      <div style='width:300px;margin:100px auto'>
        <form class="layui-form">
        <div class="layui-form-item">
        <label class="layui-form-label">用户名：</label>
        <div class="layui-input-block">
      <input type="text" id="username" required placeholder="请输入用户名" class="layui-input">
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">密码：</label>
    <div class="layui-input-block">
      <input type="password"  id="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-form-item">
     <br/>
    <div class="layui-input-block">
      <button type='button' id='regLogin' class="layui-btn" lay-submit lay-filter="formDemo">立即注册</button>
      <button type="button"  id='backLogin' class="layui-btn layui-btn-primary">返回</button>
         </div>
         </div>
        </form>
        </div>
        `)
    }
    handle(){
        $("#regLogin").click(()=>{
            console.log(1111);
            $.ajax({
                type:"post",
                url:'/admins/reg',
                data:{
                    "username":$("#username").val(),
                    "password":$("#password").val()
                },
                dataType:"json",
                success:(data)=>{
                    if(data.code == 1){
                        alert(data.msg)
                        window.location.hash="#/login"
                    }else{
                        alert(data.msg)
                    }
                }
            })

        })
        $("#backLogin").click(()=>{
            window.location.hash="#/login"
        })
    }
}